<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>爱的鼓励账单</title>
	</head>
	
	<style>
		body{
			width: 310px;
			font-size: 10px;
			}
			
			.please{
				font-size: 24px;
				font-weight: bold;
			}
			
			.self{
				padding-left: 96px;
			}
			
			.my{
				padding-left: 96px;
			}
			
			.fff{
				font-size: 24px;
				font-weight: bold;
			}
			
			hr{
				border: 1px dashed;
			}
			
			.note{
				/*padding-top: 20px;*/
				/*padding-bottom: 15px;*/
				margin-top:20px ;
				margin-bottom:15px ;
			}
			
			.img{
				margin-top:20px ;
				margin-bottom:20px ;
			}
						
	</style>
	
	<body>
		<div>顾客联</div>
		<div class="please">请您留言取餐账单号</div>
		<div class="self">自取顾客联</div>
		<div>永和大王（北三环西路店）</div>
		<div>010-12345678</div>
		<div class="my">--结账单--</div>
		<div class="fff">账单号：p00000010</div>
		<div>账单类型：堂食</div>
		<div>人数：1人</div>
		<div>收银员：张静</div>
		<div>开单时间：2020-05-18 15:24:29</div>
		<div>结账时间：2020-05-18 15:25:00</div>
		
		<!--表格没有列的概念，叫做单元格-->
		<table border="1">
			<tr>
				<td width="50" align="center">数量</td>
				<td width="200">品项</td>
				<td width="50" align="center">金额</td>
			</tr>
			
			<hr />
			
			<tr>
				<td valign="top">1</td>
				<td>玉米肉松蛋饼2p<br />
				1x --玉米肉松蛋饼<br />
				1x --现磨豆浆（热/甜）
				</td>
				<td valign="top" align="right">8.00</td>
			</tr>
				</table>
				
				<hr />
			
			<table border="1">
			<tr>
				<td width="256">合计</td>
				<td width="50" align="right ">8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td align="right">8.00</td>
			</tr>
		</table>
		
		<hr />
		
		<div>打印时间：2018-04-17 07:24:38</div>
		
		<hr />
		
		<div class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。</div>
	
		<img class="img" src="images/IMG_20201218_151856.jpg" width="200"/>
		
		<div>官网：www.yonghe.com.cn</div>
		<div>加盟热线：86-21-123456789</div>
	</body>
</html>
